{% extends "::base.html.twig" %}
{% block content %}
    <legend>Pedidos Activos</legend>
    <form method="post" action="{{path('clientes')}}">
            <div class="input-append search-query">
                <input type="text" name="busqueda" placeholder="Buscar...">
                <button type="submit" class="btn"><i class="icon-search"></i></button>
            </div>
    </form>
    <div class="accordion" id="accordion2">
    <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
          Pedidos Mostrador 
      </a>
    </div>
    <div id="collapseOne" class="accordion-body collapse in">
      <div class="accordion-inner">
        {% if pedidoMostrador %} 
        <table class="table table-hover">
            <thead>
                <tr><th>Cliente</th><th>Total</th><th>Acciones</th></tr>
            </thead>
            <tbody>
                {%for pedido in pedidoMostrador%}
                    <tr>
                        <td>pedido.cliente</td>
                        <td>pedido.total</td>
                        <td><a rel="tooltip" title="Editar" href=""><i class="icon-edit"></i></a></td>
                        <td><a rel="tooltip" title="Eliminar" href="" data-toggle="modal"><i class="icon-remove"></i></a></td>
                    </tr>
                {%endfor%}
            </tbody>
        </table>
        {%else%}
              No hay pedidos al Mostrador activos.
        {%endif%}      
      </div>
    </div>
    </div>
    <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
        Pedidos Delivery
      </a>
    </div>
    <div id="collapseTwo" class="accordion-body collapse">
      <div class="accordion-inner">
        {% if pedidoDelivery %} 
        <table class="table table-hover">
            <thead>
                <tr><th>Cliente</th><th>Total</th><th>Acciones</th></tr>
            </thead>
            <tbody>
                {%for pedido in pedidoDelivery%}
                    <tr>
                        <td>pedido.cliente</td>
                        <td>pedido.total</td>
                        <td><a rel="tooltip" title="Editar" href=""><i class="icon-edit"></i></a></td>
                        <td><a rel="tooltip" title="Eliminar" href="" data-toggle="modal"><i class="icon-remove"></i></a></td>
                    </tr>
                {%endfor%}
            </tbody>
        </table>
        {%else%}
              No hay pedidos Delivery activos.
        {%endif%}
      </div>
    </div>
    </div>
    <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTree">
        Pedidos Mesa
      </a>
    </div>
    <div id="collapseTree" class="accordion-body collapse">
      <div class="accordion-inner">
        {% if pedidoMesa %} 
        <table class="table table-hover">
            <thead>
                <tr><th>Cliente</th><th>Total</th><th>Acciones</th></tr>
            </thead>
            <tbody>
                {%for pedido in pedidoMesa%}
                    <tr>
                        <td>pedido.cliente</td>
                        <td>pedido.total</td>
                        <td><a rel="tooltip" title="Editar" href=""><i class="icon-edit"></i></a></td>
                        <td><a rel="tooltip" title="Eliminar" href="" data-toggle="modal"><i class="icon-remove"></i></a></td>
                    </tr>
                {%endfor%}
            </tbody>
        </table>
        {%else%}
              No hay pedidos a Mesa activos.
        {%endif%}
      </div>
    </div>
    </div>
    </div>
{% endblock %}
